import Vue from 'vue'
import VueRouter from 'vue-router'
import HomeView from '@/views/Home.vue'
import SearchView from '@/views/Search.vue'
import NewView from '@/views/NewView.vue'
import NotFind from '@/views/NotFind.vue'
Vue.use(VueRouter);

const router = new VueRouter({
    // 路由匹配会从上到下依次匹配
    routes: [
        // redirect: 重定向  当路径中匹配到 / 则自动重定向到 /home
        { path: '/', redirect: '/home' },
        { path: '/home', component: HomeView },
        { path: '/search/:words?', component: SearchView },
        // 既可以通过name 跳转，也可以通过路径跳转 ，起名字可以用在路径比较长的情景
        { path: '/newView/:key?', component: NewView, name: 'newView' },
        // 当访问的页面不存在时, * 代表匹配任何路径 要配置到最下面
        { path: '*', component: NotFind }
    ],
    // 配置了history 路径中就不带 # 了，需要配置后端访问规则
    mode: 'history'
})

export default router;